.page-box {
    width: 100%;
    padding-bottom: 100rpx;
    .header {
        padding: 40rpx 60rpx 0 33rpx;
        height: 334rpx;
        background: linear-gradient(180deg, #1226aa 0%, #ebeef5 100%);
        .t1 {
            font-weight: 600;
            font-size: 52rpx;
            color: #ffffff;
            line-height: 73rpx;
            margin-bottom: 4rpx;
        }
        .t2 {
            font-size: 22rpx;
            color: #ffffff;
            line-height: 30rpx;
        }
        .bg {
            width: 149rpx;
            height: 166rpx;
            image {
                width: 149rpx;
                height: 166rpx;
            }
        }
    }
    .from-box {
        position: relative;
        top: -94rpx;
        background: #ffffff;
        border-radius: 20rpx;
        margin: 0 32rpx 16rpx 32rpx;
        padding: 19rpx 24rpx 32rpx 24rpx;
        .title {
            position: relative;
            font-weight: 600;
            font-size: 28rpx;
            color: #2e3233;
            line-height: 40rpx;
            z-index: 1;
            margin-bottom: 24rpx;
            &::after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 60rpx;
                height: 16rpx;
                background: linear-gradient(90deg, #7887ea 0%, #ffffff 100%);
                border-radius: 8rpx;
                content: '';
                z-index: -1;
            }
        }
        .input-box {
            margin-bottom: 24rpx;
            .label {
                font-weight: 600;
                font-size: 24rpx;
                color: #2e3233;
                margin-bottom: 12rpx;
                .tt {
                    font-size: 24rpx;
                    color: #999;
                }
                &.required:before {
                    color: #1226aa;
                    content: '*';
                }
            }
            .iconfont {
                font-size: 36rpx;
                color: #1397c5;
                margin-right: 26rpx;
            }
            .uni-input {
                height: 80rpx;
                background: #ffffff;
                border-radius: 16rpx;
                border: 1px solid #d7dae0;
                padding-left: 24rpx;
                font-size: 24rpx;
            }
            .show-text {
                height: 70rpx;
                background: #f5f5f7;
                border-radius: 10rpx;
                padding-left: 14rpx;
                font-size: 26rpx;
                &.placeholderClass {
                    color: #999;
                }
            }
            .choice {
                font-size: 24rpx;
                height: 80rpx;
                padding-left: 14rpx;
                background: #ffffff;
                border-radius: 16rpx;
                border: 1px solid #d7dae0;
                .uni-text {
                    font-weight: 400;
                    font-size: 24rpx;
                    color: #2e3233;
                }
            }
        }
        .dropdown {
            padding: 0 24rpx;
            height: 80rpx;
            background: #ffffff;
            border-radius: 16rpx;
            border: 1px solid #d7dae0;
            .dropdown-wrap {
                font-size: 24rpx !important;
                color: #2e3233;
            }
        }
    }
    .btn {
        position: relative;
        top: -40rpx;
        margin: 0 32rpx;
        height: 100rpx;
        background: #1226aa;
        border-radius: 50rpx;
        font-size: 28rpx;
        color: #ffffff;
        &.l_disabled {
            opacity: 0.6;
        }
    }
}

.popup-content {
    .content {
        position: relative;
        width: 580rpx;
        height: 566rpx;
        background: linear-gradient(180deg, #f6f2ea 0%, #ffffff 100%);
        border-radius: 20rpx;
        .ico {
            position: absolute;
            top: -41rpx;
            left: 0;
            right: 0;
            width: 125rpx;
            height: 127rpx;
            margin: 0 auto;
            image {
                width: 125rpx;
                height: 127rpx;
            }
        }
        .text {
            margin-top: 30rpx;
            width: 438rpx;
            font-size: 26rpx;
            color: #2e3233;
            line-height: 37rpx;
            .e1 {
                color: #1226aa;
                margin: 0 3rpx;
                font-weight: bold;
            }
        }
        .code {
            width: 203rpx;
            height: 212rpx;
            display: block;
            margin: 24rpx 0;
        }
        .code-text {
            color: #1226aa;
            margin: 0 3rpx;
        }
        .t1 {
            margin-top: 99rpx;
            font-weight: 600;
            font-size: 32rpx;
            color: #f5a518;
            line-height: 45rpx;
            margin-bottom: 10rpx;
        }
        .t2 {
            font-size: 26rpx;
            color: #2e3233;
            line-height: 37rpx;
        }
        .t3 {
            font-size: 26rpx;
            color: #f5a518;
            line-height: 37rpx;
            margin: 0 2rpx;
        }
        .price {
            width: 468rpx;
            height: 148rpx;
            background: #ffffff;
            border-radius: 16rpx;
            font-weight: 600;
            font-size: 78rpx;
            color: #2e3233;
            line-height: 68rpx;
            margin-top: 45rpx;
            margin-bottom: 44rpx;
        }
        .pay {
            width: 468rpx;
            height: 88rpx;
            background: #1226aa;
            border-radius: 44rpx;
            font-size: 28rpx;
            color: #ffffff;
        }
    }
    .icon-a-tubiaochangyongsousuo9 {
        position: absolute;
        bottom: -110rpx;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 64rpx;
        color: #fff;
    }
}
